.section{
    position: relative;
    overflow-x: hidden;
}
.rt{
    right: 0;
}
.lt{
    left: 0;
}
.banner-img{
    width: 100%;
    height: 960px;
}
/*轮播图*/
.banner-top{
   width: 100%;
   /*height: 960px;*/
   position: relative;
   margin-bottom: 24px;
}
.banner-top .swiper-container{
    width: 100%;
    height: 100%;
}
.banner-top .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
}
.banner-top .gallery-top {
    height: 100%;
    width: 100%;
}
.banner-top .thumbs_box{
    width: 100%;
    background-color: rgba(0,0,0,.5);
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 0;
  box-sizing: border-box;
  z-index: 2;
}
.banner-top .gallery-thumbs {
    width: 80%;
    height: 100%;
    margin: 0 auto;
}
.banner-top .gallery-thumbs .swiper-slide {
    height: 100%;
}
.banner-top .gallery-thumbs .swiper-slide:hover{
    cursor: pointer;
}
.banner-top .gallery-thumbs .swiper-slide-thumb-active {
    border: 4px solid #ffe011;
    box-sizing: border-box;
}
.banner-top .swiper-button-white:focus {
   outline: none;
}
/*@media screen and (max-width: 1800px) {*/
/*.banner-top{*/
/*   	width: 100%;*/
/*   	height: 900px;*/
/*   	position: relative;*/
/*   }*/
/*}*/
/*@media screen and (max-width: 1700px) {*/
/*.banner-top{*/
/*   	width: 100%;*/
/*   	height: 860px;*/
/*   	position: relative;*/
/*   }*/
/*}*/
/*@media screen and (max-width: 1600px) {*/
/*.banner-top{*/
/*   	width: 100%;*/
/*   	height: 820px;*/
/*   	position: relative;*/
/*   }*/
/*}*/
/*@media screen and (max-width: 1500px) {*/
/*.banner-top{*/
/*   	width: 100%;*/
/*   	height: 760px;*/
/*   	position: relative;*/
/*   }*/
/*}*/
/*@media screen and (max-width: 1400px) {*/
/*.banner-top{*/
/*   	width: 100%;*/
/*   	height: 660px;*/
/*   	position: relative;*/
/*   }*/
/*}*/
/*@media screen and (max-width: 1280px) {*/
/*.banner-top{*/
/*   	width: 100%;*/
/*   	height: 640px;*/
/*   	position: relative;*/
/*   }*/
/*}*/
/*@media screen and (max-width: 1024px) {*/
/*.banner-top{*/
/*   	width: 100%;*/
/*   	height: 518px;*/
/*   	position: relative;*/
/*   }*/
/*}*/


/*公共样式*/

#fullpage .warpper{
    width: 1200px;
    margin: 0 auto;
}


/*开放时间*/
#fullpage .warpper .section1{
	margin-bottom: 24px;
}
#fullpage .warpper .section1 .section-left{
    width: 639px;
}
#fullpage .warpper .section1 .section-left .open-time{
    width: 100%;
    height: 384px;
    background: url('../img/open-time-bg.jpg') no-repeat;
    background-size: 100% 100%;
    padding: 24px;
    margin-bottom:24px;
}
#fullpage .warpper .section1 .section-left .open-time .title{
    color: #fff;
    font-size: 24px;
    text-align: left;
    margin-bottom: 30px;
    font-weight: bold;
}
#fullpage .warpper .section1 .section-left .open-time .title img{
    margin-right: 14px;
    height: 22px;
    width: 22px;
}
#fullpage .warpper .section1 .section-left .open-time .time{
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #1779B9;
    margin-bottom:25px;
}
#fullpage .warpper .section1 .section-left .open-time .time::after{
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 23px;
    background: #0F4D76;
}
#fullpage .warpper .section1 .section-left .open-time .time .clock{
    font-weight: bold;
    font-size: 36px;
    margin-right: 26px;
}
#fullpage .warpper .section1 .section-left .open-time .time .week{
    font-size: 14px;
}
#fullpage .warpper .section1 .section-left .open-time .time .attention{
    font-size: 14px;
}
#fullpage .warpper .section1 .section-left .open-time .more1{
	width:70px;
	height:28px;
	background:rgba(249,172,37,1);
	border-radius:14px;
	text-align: center;
	line-height: 28px;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
}
#fullpage .warpper .section1 .section-left .open-time .more1:hover{
	color: #166EA8;
}
#fullpage .warpper .section1 .section-left .open-time .list-style li{
	width: 100%;
}
#fullpage .warpper .section1 .section-left .open-time .list-style li a{
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#fullpage .warpper .section1 .section-left .open-time .list-style .li-content::before{
    content: '●';
    margin-right: 10px;
    color: #fff;
}
#fullpage .warpper .section1 .section-left .open-time .list-style .li-content{
    display: inline-block;
    max-width: 435px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: left;
    margin-right:28px;
}
/*工作动态*/
#fullpage .warpper .section1 .zt-left{
    width: 639px;
    height: 384px;
    padding: 20px 24px;
    background: url('../img/news-left-bg.jpg') no-repeat;
    background-size: 100% 100%;
}
#fullpage .warpper .section1 .zt-left .title{
    color: #fff;
    font-size: 20px;
    text-align: left;
    margin-bottom: 30px;
}
#fullpage .warpper .section1 .zt-left .title .li{
	cursor: pointer;
}
#fullpage .warpper .section1 .zt-left .title .li ~.li{
    margin-left: 45px;
}
#fullpage .warpper .section1 .zt-left .title .li.on{
	font-size: 24px;
	font-weight: bold;
}
#fullpage .warpper .section1 .zt-left .title img{
    margin-right: 14px;
    height: 24px;
    width: 24px;
}
#fullpage .warpper .section1 .zt-left .title .more1{
    width: 70px;
    height: 28px;
    background: rgba(0,137,102,1);
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    font-size: 16px;
}
#fullpage .warpper .section1 .zt-left .title .more1:hover{
	color: #F9AC25;
}
#fullpage .warpper .section1 .zt-left .news .news-top{
	width: 100%;
	border-bottom: 1px solid #0FCF9F;
	/*padding-bottom: 15px;*/
	margin-bottom: 15px;
}
#fullpage .warpper .section1 .zt-left .news .news-top::after{
	content: '';
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 15px;
    background: #078C6B;
}
#fullpage .warpper .section1 .zt-left .news .news-top .news-text{
	width: 326px;
	color: #fff;
	text-align: left;
}
#fullpage .warpper .section1 .zt-left .news .news-top .news-text .news-topic{
	font-size: 20px;
	text-indent: 2em;
	line-height: 35px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;	
	margin-bottom: 10px;
}
#fullpage .warpper .section1 .zt-left .news .news-top .news-text .news-con{
	font-size: 14px;
	text-indent: 2em;
	line-height: 26px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#fullpage .warpper .section1 .zt-left .news .news-top .news-img{
	width: 240px;
	height: 168px;
}
#fullpage .warpper .section1 .zt-left .news .news-list  .list-style li{
	width: 100%;
}
#fullpage .warpper .section1 .zt-left .news .news-list .list-style li a{
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#fullpage .warpper .section1 .zt-left .news .news-list .list-style .li-content::before{
    content: '●';
    margin-right: 10px;
    color: #fff;
}
#fullpage .warpper .section1 .zt-left .news .news-list .list-style .li-content{
    display: inline-block;
    max-width: 435px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: left;
    margin-right:28px;
}


/*票务信息*/
#fullpage .warpper .section1 .section-right{
    width:537px; 
}
#fullpage .warpper .section1 .section-right .nav-select{
    width: 100%;
    height:282px;
    display: flex;
    margin-bottom: 24px;
}
#fullpage .warpper .section1 .section-right .nav-select .nav-box{
    width: calc(100% / 3);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}
#fullpage .warpper .section1 .section-right .nav-select .nav-box.bg1{
	background-image: url('../img/nav_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 100% 100%;
}
#fullpage .warpper .section1 .section-right .nav-select .nav-box.bg2{
	background-image: url('../img/nav_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 100% 100%;
}
#fullpage .warpper .section1 .section-right .nav-select .nav-box.bg3{
	background-image: url('../img/nav_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 100% 100%;
}
#fullpage .warpper .section1 .section-right .nav-select .nav-box p{
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold;
}
#fullpage .warpper .section1 .section-right .img{
    width: 100%;
    height: 486px;
}
#fullpage .warpper .section1 .section-right .img img{
    width: 100%;
    height: 100%;
}

/*科学表演秀*/
.section2{
	margin-bottom: 24px;
	width: 100%;
    height: 180px;
}
#fullpage .warpper .section2 .sec2-left{
    width: 918px;
    justify-content: space-between;
}
#fullpage .warpper .section2 .sec2-img{
    position: relative;
    width: 282px;
    height: 180px;
    margin-right: 24px;
}
#fullpage .warpper .section2 .sec2-left .show{
	height: 100%;
}
#fullpage .warpper .section2 .sec2-img img{
    width:100%;
    height: 100%;
}
#fullpage .warpper .section2 .sec2-img .mask{
    position: absolute;
    left:0;
    top: 0;
    z-index: 1;
    color: #fff;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1s;
    text-align: left;
    padding: 40px 60px;
}
#fullpage .warpper .section2 .sec2-img:hover .mask{
    opacity: 1;
}
#fullpage .warpper .section2 .sec2-img .mask p{
    font-size: 18px;
    margin-bottom: 20px;
}
#fullpage .warpper .section2 .sec2-img .mask text{
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
#fullpage .warpper .section2 .sec2-right {
    width: 282px;
    height: 180px;
    background: #07A5D2;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#fullpage .warpper .section2 .sec2-right div{
    width: 228px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}
#fullpage .warpper .section2 .sec2-right div:hover{
    background: url('../img/sec2_chose.png') no-repeat;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#fullpage .warpper .section2 .sec2-right img{
    position: absolute;
    right: -60px;
    bottom: -10px;
    width: 46%;
}

/*专题活动*/
#fullpage .warpper .section4{
	margin-bottom: 24px;
	width: 100%;
	height: 486px;
	flex-wrap: nowrap;
}
#fullpage .warpper .section4 .news{
    width: 639px;
    height: 486px;
    background: url('../img/sec4_01.jpg') no-repeat;
    background-size: 100% 100%;
    padding: 19px 24px;
    flex-shrink: 0;
}
#fullpage .warpper .section4 .news .news-title{
    color: #fff;
    margin-bottom: 30px;
    width: 100%;
    color: #fff;
}
#fullpage .warpper .section4 .news .news-title span{
    font-size: 24px;
    font-weight: bold;
    margin-left: 16px;
}
#fullpage .warpper .section4 .news .news-title .more2{
    width: 70px;
    height: 28px;
    background: rgba(249,172,37,1);
    border-radius: 14px;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
}
#fullpage .warpper .section4 .news .news-title .more2:hover{
	color: #166EA8;
}
#fullpage .warpper .section4 .news .news-top{
	width: 100%;
	/*border-bottom: 1px solid #1779B9;*/
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 15px;
}
#fullpage .warpper .section4 .news .news-top .news-text{
	width: 326px;
	color: #fff;
	text-align: left;
}
#fullpage .warpper .section4 .news .news-top .news-text .news-topic{
	font-size: 20px;
	text-indent: 2em;
	line-height: 35px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;	
	margin-bottom: 10px;
}
#fullpage .warpper .section4 .news .news-top .news-text .news-con{
	font-size: 14px;
	text-indent: 2em;
	line-height: 26px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#fullpage .warpper .section4 .news .news-top::after{
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    background: #0F4D76;
}
#fullpage .warpper .section4 .news .news-top::before{
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    background: #1779B9;
}
#fullpage .warpper .section4 .news .news-top .news-img{
	width: 240px;
	height: 168px;
}
#fullpage .warpper .section4 .news .news-list  .list-style li{
	width: 100%;
}
#fullpage .warpper .section4 .news .news-list .list-style li a{
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#fullpage .warpper .section4 .news .news-list .list-style .li-content::before{
    content: '●';
    margin-right: 10px;
    color: #fff;
}
#fullpage .warpper .section4 .news .news-list .list-style .li-content{
    display: inline-block;
    max-width: 435px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: left;
    margin-right:28px;
}
#fullpage .warpper .section4 .zt-img{
    width:537px;
	height:486px;
	flex-shrink: 0;
}
#fullpage .warpper .section4 .zt-img img{
    width: 100%;
    height: 100%;
}

/*插图*/
#fullpage .warpper .section3{
	margin-bottom: 24px;
}
#fullpage .warpper .section3 img{
    width: 100%;
	height: 180px;
}

/*影片轮播图*/
#swiper3{
	width: 100%;
	height: 333px;
	margin-bottom: 24px;
}
.move-slide{
	position: relative;
}
#fullpage .section5{
	width: 100%;
	height: 333px;
}
#fullpage .section5 .movie{
    width:220px;
	height:333px;
    position: relative;
}
#fullpage .section5 .movie img{
    width: 100%;
    height: 100%;
}
#fullpage .section5 .movie .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgba(0, 0, 0, .7);
    padding: 38px 15px 27px 15px;
    color: #fff;
    text-align: left;
    opacity: 0;
    transition: all 1s;
}
#fullpage .section5 .movie:hover{
	cursor: pointer;
}
#fullpage .section5 .movie:hover .mask{
    opacity: 1;
}
#fullpage .section5 .movie .mask .title{
    font-size: 20px;
    text-align: center;
}
#fullpage .section5 .movie .mask .sort{
    font-size: 14px;
    margin: 16px 0 40px;
    text-align: center;
}
#fullpage .section5 .movie .mask .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
}
#fullpage .section5 .movie .mask a{
    width: 64px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #fff;
    margin-top: 16px;
    margin-left: auto;
    display: block;
}
#fullpage .move-slide .swiper-button-next,
#fullpage .move-slide .swiper-button-prev{
	width: 34px;
	height: 72px;
	background-color: rgba(0,0,0,0.3);
	background-image: url('../img/btn_prev.png');
	background-repeat: no-repeat;
	background-size:14px 28px;
}
#fullpage .move-slide .swiper-button-next{
	background-image: url('../img/btn_next.png');
	background-repeat: no-repeat;
	background-size: 14px 28px;
}

#fullpage .move-slide .swiper-button-prev{
	left: -40px;
}
#fullpage .move-slide .swiper-button-prev:focus{
	outline: none;
}
#fullpage .move-slide .swiper-button-next{
	right: -40px;
}
#fullpage .move-slide .swiper-button-next:focus{
	outline: none;
}